/**
*@author       wuwg
*@createTime   2018/03/20
*@updateTime   2018/04/04
*@description
*@rule
 */
@import '../../../config/config.less';
@import '../../../mixins/clearfix/index.less';

@css-prefix-form-item: ~"@{css-prefix}form-item";

// 数据条目
.@{css-prefix-form-item} {
   &-label {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: right;
    vertical-align: middle;
    font-size: @font-size-small;
    color: @text-color;
    line-height: 1;
    padding: 10px 12px 10px 0;
    box-sizing: border-box;
  }
  &-label-left .@{css-prefix-form-item}-label {
    text-align: left;
  }
  &-label-top {
    margin-top: 22px;
    & .@{css-prefix-form-item}-label {
      position: absolute;
      top: -22px;
      display: inline-block;
      padding: 0 0 10px 0;
    }
  }
}



.@{css-prefix-form-item} {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  text-align: left;
  .clearfix();

  &-error-tip{
    position: absolute;
    top: 100%;
    left: 0;
    line-height: 1;
    padding-top: 6px;
    color: @error-color;
    font-size: @font-size-small;
    z-index: 99;
  }

  &-required {
    .@{css-prefix-form-item}-label:before {
      content: '*';
      display: inline-block;
      margin-right: 4px;
      line-height: 1;
      font-family: SimSun;
      font-size: @font-size-small;
      color: @error-color;
    }
  }
  &-error {
    // todo
  }
}
